<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <title></title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" type="text/css" href="/static/index/css/style.css">
  <link type="text/css" rel="stylesheet" href="/static/index/css/wgg.css">
  <link rel="stylesheet" type="text/css" href="/static/index/css/component.css">
  <script type="text/javascript" src="/static/index/js/jquery/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="/static/index/js/organictabs.jquery.js"></script>
  <link type="text/css" href="/static/index/css/lrtk.css" rel="stylesheet" />
  <style type="text/css">
    body{
      font-family: "微软雅黑";
    }
    .nav .left {
      padding-top: 0px;
    }
    .shouge {
      margin-left: 120px;
    }

    .huaguo a:hover .left {
      background: #09d3e7;
    }

    .newlisd {
      float: none;
      margin-left: 220px;
    }

    #page-wrap{
      width: 1200px;
    }

    #example-one ul li a:hover{
      background:#EEEEEE;
    }

    #example-two ul li a:hover{
      background:#EEEEEE;
    }

    .nav{
      font-size: 14px;
    }

    .topleft img{
      padding-left: 120px;
    }

    .topright img{
      padding-right: 120px;
    }

    .baifen{
      width:50%;margin-bottom: 10px;
    }
  </style>
  <script type="text/javascript">
    $(function() {
      // 调用插件
      $("#example-one").organicTabs();
      $("#example-two").organicTabs({
        "speed": 100,
      });
    });
  </script>
  <link rel="stylesheet" media="(max-width:750px)" type="text/css" href="/static/index/css/app.css">
</head>
<body>

  <div class="maxBox">
      {include file="public/header" /}
  </div>

 
  <div class="banner" aos="fade-up"><a href="###"><img src="/static/index/img/rmgz.png"></a></div>
  
  <div class="wrap">
    <div class="toph" style="padding-top:60px; text-align:center;">
      <img src="/static/index/img/gwww.png">
    </div>
    <div>
        
      

        <div id="page-wrap">
          <div id="example-one">
            <ul class="nav" style="width: 1180px;background:#EEEEEE;height: 64px;">
              {foreach $navOne as $k=>$vo}
              <li class="nav-one"><a href="#f{$k+1}">{$vo.name}</a></li>
              {/foreach}
            </ul>

            <div class="list-wrap">
              {foreach $workInt as $k=>$vo}
              <ul id="f{$k+1}" class="tiangjia">

                {foreach $vo.work as $v}
                <li class="left baifen">
                  <div class="left" style="width:50%;">
                    <a href="{:url('workitem/index',['wid'=>$v.id])}" style="border-bottom:0px;display:inline;">
                      <img src="{$v.attachment|getUrl}" width="280" height="210" alt="">
                    </a>
                  </div>
                  <div class="right" style="text-align:center;width:50%;padding-right: 20px;">
                    <p style="font-size:24px;">
                      <span style="color:#333;">{$v.name}</span>
                      <span style="color:#fc7134;">{$v.salary}</span>
                    </p>
                    <p style="margin-top:20px;font-size:16px;color:#666;">
                      {$v.welfare}
                    </p>
                  </div>
                  <div class="clear"></div>
                </li>
                {/foreach}
                <div class="clear"></div>
              </ul>
              {/foreach}
                    
            </div>
          </div>

        </div>
          
    </div>
    
    
  </div>
  {include file="public/footer" /}
  <script>
    $('#example-one ul li:first a').addClass('current');
    $('#example-one .list-wrap .tiangjia+ul').addClass('hide');
    $('#example-two ul li:first a').addClass('current');
    $('#example-two .list-wrap .tiangjia+ul').addClass('hide');
    
  </script>
</body>
</html>